<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../css/server.css"/>
</head>

<body class="gray">
	<div class="mui-content loading" id="vueMain">
	    <div class="issue-detaile-title">
    			<img src="../icon/issue.png" alt="" />
    			{{issue.title}}
	    </div>
	    <div class="issue-body" v-html="issue.content"></div>
	</div>
<script src="../js/mui.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/bexta.js"></script>
<script type="text/javascript">
	var apps, views;
	mui.init({
		beforeback:function(){
			if( views.opener().id == 'server' ){
				bexta.setStatus(true);
			}
		}
	})
	mui.plusReady(function () {
	    views = bexta.getWebview();
	    bexta.ajax(api.issue_detail, function(res){
	    		initVue(res);
	    }, {data:{issue_id:views.issueid}})
	});
	function initVue(res){
		apps = new Vue({
			el:'#vueMain',
			data:{
				issue:res
			},
			mounted:function(){
				document.querySelector('.loading').classList.add('loadRun');
			}
		});
	}
</script>
</body>
</html>